<template>
    <div class="re">
        <div class="re-header">
            <div class="re-title">
                {{transl('预约领取三重福利')}}
            </div>
            <img class="re-img" :src="publicUrl('/img/gift.png')" />
        </div>
        <div class="re-box">
            <div class="re-item" v-for="(p,index) in list" :key="index">
                <div class="re-cover">
                    <img :src="publicUrl(p.url)" />
                </div>
                <div class="re-con">
                    {{ transl(p.title) }}
                </div>
            </div>
        </div>
    </div>
</template>
    
<script setup lang='ts'>
import { publicUrl } from "@/utils/index"
import { LangStore } from "@/stores/modules/lang"
const { transl } = LangStore()
interface List {
    url:string;
    title:string;
}
const list = reactive<List[]>([
    {url:"/img/re1.png",title:"线上报名送三年物业费"},
    {url:"/img/re2.png",title:"开发商额外98折优惠"},
    {url:"/img/re3.png",title:"底价保障 买贵包赔"},
])
</script>
    
<style scoped lang="scss">
@import "./index.scss";
</style>